<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
  <meta name="viewport"
  	content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
		<title></title>
		<script src="js/mui.min.js"></script>
		<link href="css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<style>
		form{
			margin-left: 30px;
		}
		</style>
</head>
<body style="background-color:#d1ecae;">
  <!--表单是html界面收集用户信息，并最后发送给服务器-->

<form><!--form标签就是表单-->
    <p style="padding-left: 100px; color: #1d8c04;font-size: 25px;padding-top: 20px;font-family: "arial narrow";">报名信息</p>  <!--表单标题-->
    <table align="center"><!--将表单放在表格里美化格式-->
        <tr>
        <td>姓名:</td>
        <td> <input type="test" name="username" value=""> </td>
        </tr>

        <tr>
            <td>学号:</td>
            <td>  <input type="test" name="password"> </td>
        </tr>



        <tr>
            <td>性别:</td>
            <td> <input type="radio" name="sex" value="man"> 男 <input type="radio" name="sex" value="girl"> 女  </td>
        </tr>

        <tr>
            <td>班级:</td>
            <td> <input type="checkbox" > 网工1班 <input type="checkbox" > 网工2班 <input type="checkbox" >网工3班 </td>
        </tr>

        <tr>
            <td>年级：</td>

            <td> <select style="margin-top: 15px;">
                <option selected="selected">19级</option> <option>20级</option> <option>21级</option>  <!--select是下拉列表框，option是选项，默认selected-->
            </select>   </td>
        </tr>

        <tr>
            <td> 备注:</td>
            <td> <textarea rows="10" cols="20">请输入</textarea> </td>
        </tr>


    </table>

</form>
<input style="margin-left: 100px;" type="reset">
<button style="margin-left: 50px;" type="button" data-loading-icon="mui-spinner mui-spinner-custom" class="mui-btn mui-btn-primary">提交</button>
<div style="width: 100%;height: 400px;background-color: #d1ecae;"></div>
</body>
<script type="text/javascript">
mui(document.body).on('tap', '.mui-btn', function(e) {
    mui(this).button('loading');
    setTimeout(function() {
        mui(this).button('reset');
    }.bind(this), 2000)
	; window.location.href="faxian.html"
	
});
</script>
</html>